<template>
  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="4"><el-button type="primary">删除</el-button></el-col>
    <el-col :span="10"></el-col>
  </el-row>

  <el-row>
    <el-col :span="8"></el-col>
    <el-col :span="4">
      <el-checkbox v-model="checked1" label="" size="small" />
      <label>收件人</label>
      <!--      <el-checkbox v-model="checked2" label="Option 1" size="large" />-->
    </el-col>
    <el-col :span="2">
      <label>主题</label>
    </el-col>
    <el-col :span="10"></el-col>
  </el-row>

  <br>
  <div v-for="mail in mails">
    <el-row>
      <el-col :span="8"></el-col>
      <el-col :span="4">
        <el-checkbox size="small" />
        <label>{{mail.receiver}}</label>

      </el-col>
      <el-col :span="8">
        <label>{{mail.content}}</label>
      </el-col>
      <el-col :span="4"></el-col>
    </el-row>
    <br>
  </div>


</template>

<script>
export default {
  name: "SendedEmail",
  data() {
    return {
      mails: [
        {
          receiver: 34074809,
          content: "4组-苏栋-微人事"
        },
        {
          receiver: 82485281,
          content: "承诺书：苏栋"
        }
      ]
    }
  }
}
</script>

<style scoped>

</style>
